﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <script type="text/javascript" src="../raphael/raphael.js"></script>
</head>
<body>
    <script type="text/javascript">
        var paper = Raphael(10, 50, 520, 520);
        var circle = paper.circle(80, 80, 50);
        // Sets the fill attribute of the circle to red (#f00)
        circle.attr("fill", "#f00");

        // Sets the stroke attribute of the circle to white
        circle.attr("stroke", "#ff0");
        var c = paper.path("M10 10L90 90");

        // draw a circle at coordinate 10,10 with radius of 10
        var c = paper.circle(10, 10, 10);
        c.node.onclick = function() {
            c.attr("fill", "red");
        };

    </script>
</body>
</html>
